forum

home / developersection / forums / use ngswitch in angular js.

Ask Question

use ngSwitch in angular js.

Anonymous User 1745 01-Mar-2016

we want to use ngSwitch in angular js. how to use this please help me.

angular js

Updated on 01-Mar-2016

Anonymous User

Other

I am a content writter !

Follow Message

Can you answer this question?

Answer

1 Answers

Anonymous User

01-Mar-2016

@{
    Layout = null;

}
<!DOCTYPE html>

<html>

<head>

    <title>Forum</title>

    <meta name="viewport" content="width=device-width" />

    <title></title>

    <script src="~/Scripts/jquery-2.1.4.js"></script>

    <script src="~/Scripts/angular.js"></script>

 <script>

     var app = angular.module('myapp', []);

     app.controller('Controller', ['$scope', function ($scope) {

      $scope.items = ['Home', 'About', 'Contact','Product'];

      $scope.selection = $scope.items[0];
  }]);
      </script>

</head>

<body ng-app="myapp">

<div ng-controller="Controller" style="width:400PX;">

  <select ng-model="selection" ng-options="item for item in items">

  </select>

  <code>selection={{selection}}</code>

  <hr/>

  <div class="container"

    ng-switch on="selection">

      <div class="switch" ng-switch-when="Home">Home Div</div>

      <div class="switch" ng-switch-when="About">About Div</div>

      <div class="switch" ng-switch-when ="Contact">Contact Div</div>

          <div class="switch" ng-switch-when="Product">Product Div</div>

  </div>

</div>

  <style>

      .container {

  position:relative;

  background:white;

  border:1px solid black;

  height:40px;

  overflow:hidden;

  width:400px;

} 
  </style>

</body>

</html>

forum

use ngSwitch in angular js.

Anonymous User

Can you answer this question?

1 Answers

Liked By